<header>
    <h1><?php echo $nodo->getNombre() ?></h1>

    <?php if ($edicion == 'true'): ?>
        <a href="#" onclick="editarNodo(<?php echo $nodo->getId() ?>)"><img title="Editar Nombre" src="../../../images/button/pencil_icon.gif" style="display: inline;" alt ="Editar Nombre"/></a>
    <?php endif; ?>
</header>
<center>
    <form action="<?php echo url_for('nodo/CrearMedio') ?>" method="get" id="form_crear_medio">
    </form>

    <form action="<?php echo url_for('nodo/EditarMedio') ?>" method="get" id="form_editar_medio">
    </form>
    
    <form action="<?php echo url_for('nodo/CargarMedio') ?>" method="get" id="form_cargar_medio">
    </form>

    <form action="<?php echo url_for('nodo/EditarNodo') ?>" method="get" id="form_editar_nodo">
    </form>
    <div id="contenido_nodo">
        <?php if ($nodo->getTipoMedio()): ?>
            <script type="text/javascript">

                $(document).ready(function() {
                    cargarMedio(<?php echo $nodo->getId() ?>);
                });

            </script>
        <?php else: ?>
            <?php if ($edicion == 'true'): ?>
                <?php $medios = array('texto', 'video', 'imagen', 'sonido', 'url') ?>
                <div id="opciones_medio">
                    <legend>Elige un medio para asociarlo a este nodo</legend>
                    <ul>
                        <?php foreach ($medios as $medio): ?>
                            <?php if ($nodo->getHipermedio()->contadorMedio($medio) < 4): ?>
                                <li>
                                    <a class="boton_<?php echo $medio ?>" href="#" onclick="crearMedio(<?php echo $nodo->getId() ?>, '<?php echo $medio ?>')"><?php echo $medio ?></a>
                                    <br/>
                                    <small>Quedan <?php echo (4 - $nodo->getHipermedio()->contadorMedio($medio)) ?></small>
                                </li>
                            <?php endif; ?>
                        <?php endforeach; ?>
                    </ul>
                </div>
            <?php else: ?>
                No hay contenido en este nodo.
            <?php endif; ?>


        <?php endif; ?>

        <img id="loader_medio" src="../../../images/loader.gif" style="vertical-align: middle; display: none" alt ="loading"/>
        <div id="medio"></div>    
    </div>

    <img id="loader_save" src="../../../images/loader.gif" style="vertical-align: middle; display: none" alt ="loading"/>
</center>


